/**
 * 构造一个原点对象
 */
function Dot(color, index) {
  this.fillColor = color || 'black';
  Control.call(this);
}
Dot.prototype = Object.create(Control.prototype);
Dot.prototype.constructor = Dot;

/*
    show方法处理元素不变的内容(只需要执行一次的方法)
    layout处理窗口变化时需要改变的内容
    窗口改变时 就可以重新的执行layout方法 以适应布局
*/
Dot.prototype.show = function () {
  /**
   * 使用子类的对象调用父类原型对象中的show方法
   * 继承时，如果子类和父类都含有相同的方法，那么子类对象调用这个方法时会触发子类的方法  能否触发父类的方法 取决于是否有执行的代码
   * 例如 Control.prototype.show.call(this); //调用父类的方法
   */
  Control.prototype.show.call(this);
  this.ele.style.borderRadius = '50%';
  this.ele.style.zIndex = 100;
};

/**
 * cRadius窗口能放置最大圆的半径
 * 元素的宽度和高度是相对于窗口宽高的比例值
 */
Dot.prototype.layout = function () {
  this.ele.style.width = Control.cRadius * 0.06 + 'px';
  this.ele.style.height = Control.cRadius * 0.06 + 'px';
  this.ele.style.top =
    Control.cHeight / 2 - parseInt(this.ele.style.height) / 2 + 'px';
  this.ele.style.left =
    Control.cWidth / 2 - parseInt(this.ele.style.width) / 2 + 'px';
};
